@charset "utf-8"; /* CSS Document */ body,div,dl,dt,dd,ul,li,form,h1,h2,h3,h4,h5,h6,p {margin: 0; padding: 0; } html {overflow-x: hidden; -webkit-text-size-adjust: none; width: 100%; height: 100%; } body {font-size: 14px; font-family: "微软雅黑" , Arial, Verdana, Geneva, sans-serif; position: relative; width: 100%; height: 100%; background: #fff; } @font-face {font-family: 'BDRENAIS'; src:url('../fonts/BDRENAIS.eot'); src:url('../fonts/BDRENAIS.eot?#iefix') format('embedded-opentype'), url('../fonts/BDRENAIS.woff') format('woff'), url('../fonts/BDRENAIS.ttf') format('truetype'), url('../fonts/BDRENAIS.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; } ul,li,dl,dt,dd {display: block; list-style: none; } img {border: 0; max-width: 100%; } .clear {background: none; border: 0; clear: both; display: block; float: none; font-size: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } a {color: #000; text-decoration: none; outline: none; } /******全局样式e*******/
.container{
    width:100%;
    margin:0px auto;
    /*border:1px solid red;*/
    height:auto;
}
.header .top {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(24,54,80,0.8);
    background: #1F8C96;
    filter: alpha(opacity=80);
}
.header .top .w1200,.syabout,.syproduct_box,.synews,.syother{
    width: 1200px;
    margin: 0 auto;
}
.header .top .lang{
    width: 90%;
    text-align: right;
    color: #FFF;
    position: absolute;
    top: 0;
    z-index: 1;
}
.header .top .lang a{
    color: #FFF;
}
.header .top .logo {
    width: 360px;
    float: left;
}
.navigation {
    float: right;
    width: 800px;
    float: right;
    line-height: 36px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
}
/*一级菜单*/    
.navigation li {
    width: 110px;
    height: 36px;
    float: left;
    margin-top: 25px;
    text-align: center;
}

.navigation li a {
    display: block;
    color: #fff;
    font-size: 18px;
}

.navigation li:hover a{
    color: #fff;
}
.navli {
    float: right;
    width: 110px;
    padding: 0;
    height: 36px;
    display: block;
    text-align: center;
    position: relative;
}
.navigation li:hover span{
  padding-bottom:10px;
  border-bottom:2px solid #FCC101;
}
/*二级菜单*/
.navigation li ul {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    padding: 0;
    margin: 0;
    min-width: 100%;
    z-index: 9999;
}
.navigation li:hover>ul {display: block;}
.navigation li:hover .ul2 {
    display: block;
}

.navigation li ul li {
    float: none;
    margin: 0;
    width: auto;
    white-space: nowrap;
    position: relative;
}
.navigation li ul li a {
    display: block;
    margin: 0;
    text-align: center;
    background: #183650;
    overflow: hidden;
}

.navigation li ul li a:hover {
    color: #fff;
    background:#38cafb;
}
/*三级菜单*/
.navigation li ul li ul{display:none;position: absolute;top: 0;left: 100%;padding: 0;margin:0;width:auto;z-index: 99;padding-bottom:10px;}
.navigation li ul li:hover .ul3{display: block;}
.navigation li ul li ul li{float: left;margin: 0;white-space: nowrap;height: 40px; line-height: 40px;width: 100%;}
.navigation li ul li ul li a{display: block;margin: 0; font-size: 12px;}
.navigation li ul li ul li a:hover{color: #fff;background: #38cafb;}
/*幻灯片*/
#Slideshow {
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

#Slideshow .pics {
    width: 100%;
}

#Slideshow .pics li {
    width: 100%;
    height:100%;
}
#Slideshow .pics li a{
    background-size: cover;
    display: block;
    width: 100%;
    height: 100%;
}

#Slideshow .pics li img {
    width: 1920px;
    height: 580px;
}
/*数字按钮样式*/
#Slideshow .num {
    overflow: hidden;
    height: 25px;
    position: absolute;
    bottom: 45px;
    right: 20%;
    zoom: 1;
    z-index: 3
}
#Slideshow .num li {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-weight: 400;
    font-family: "微软雅黑", Arial;
    color: #FFFFFF;
    background: #1F8C96;
    margin-right: 10px;
    border-radius: 50%;
    cursor: pointer;
    float: left;
}

#Slideshow .num li.on {
    background: #e33d11;
} /*当前项*/
/*上一个  下一个*/
#Slideshow .prev,#Slideshow .next {
    display: none;
    width: 40px;
    height: 100px;
    background: url(../images/btn.png) no-repeat;
    position: absolute;
    top: 280px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#Slideshow .prev {
    left: 4px;
}
#Slideshow .next {
    right: 4px;
    background-position: right;
}

/*关于我们s*/
.syabout{
    /*border:1px solid red;*/
    height:378px;
}
.syabout .syabout_top{
   height:110px;
  position:relative;
}
.about_catname{
    height:100%;
    line-height:110px;
    float:left;
   text-transform:Uppercase;

}
.about_catname span{
    padding-left:8px;
    border-left:4px solid #1F8C96;
    font-size:20px;
    color:#1C1C1C;
    
}
.about_catname b{
    margin-left:20px;
    font-size:16px;
    color:#C1C1C1;
}
#search-form{
    float:right;
    line-height:110px;
}
#search-form #form1{
    width:230px;
    height:30px;

}
#search-form #keywords{
    width:185px;
    height:26px;
    outline:none;
    line-height:26px;
    border:2px solid #B3B3B3;
    padding:2px 10px 2px 10px;
    border-right:none;
    font-size:12px;
    color:#666666;
}
#post-search{
    padding:0;
    width:23px;
    height:34px;
    line-height:34px;
    outline:none;
    background:url("../images/search.png") no-repeat center center;
    background-color: #1F8C96;
    position:absolute;
    top:39px;
    right:0px;
    outline:none;
    border:none;   
}

.syabout_content{
    width:100%;
    height:268px;
}
.syabout_content .syabout_content_lf{
    width:688px;
    height:190px;
    margin-top:36px;
    float:left;
}
.syabout_content_lf img{ 
    width:233px;
    height:232px;
    float:left;
}
 #ab_content{
    width:100%;
    font-size:15px;
    font-family:"微软雅黑";
    float:right;
    margin-right:48px;
}
 #ab_content .ab_title{
    color:#9A5555;
    font-weight:normal;
 }
 #ab_content .ab_more{
   /* width:200px;
    height:100px;*/
    margin-left:50px;
    margin-top:40px;
 }
 #ab_content .ab_more a{
    color:#9A5555;
    text-align:center;
 }
  #ab_content .ab_more span{
     display:inline-block;
     width:20px;
     height:20px;
     border:2px solid #B68383;
     text-align: center;
     font-weight:400;
     font-family: "微软雅黑", Arial;
     line-height:18px;
     border-radius:50%;
     font-size:20px;
     color:#B68383;
    -moz-border-radius:50%; 
    -webkit-border-radius:50%;      
  }
.syabout_content .syabout_content_gl{
    width:510px;
    height:100%;
    float:right;
} 
.syabout_content .syabout_content_gl ul{
   width: 100%;
   height:100%; 
}
.syabout_content .syabout_content_gl li{
    float:left;
}
/*关于我们e*/
/*产品分类s*/
.syproduct{
    width:100%;
    height:455px;
    background:url(../images/product_bg.jpg) no-repeat center bottom;
}
.syproduct_box{
    height:100%;
    overflow:hidden;
}
.pro_news_top {
  width:100%;
  height:100px;
}
.pro_news_catname{
    height:100%;
    line-height:100px;
    float:left;
    text-transform:Uppercase;
}
.pro_news_catname span{
    padding-left:8px;
    border-left:4px solid #1F8C96;
    font-size:20px;
    color:#1C1C1C;
}
.pro_news_catname b{
    margin-left:20px;
    font-size:16px;
    color:#C1C1C1;
}
.syproduct_list {
    height:315px !important;
}
.syproduct_list a{
    width:240px;
    height:100%;
    display:inline-block;
    float: left;
}
#roll{
    overflow:hidden;
}
.syproduct_list a div {
    margin:15px;
    border:1px solid #F6F6F6;
    text-align:center;
    z-index:100000000;
}
.syproduct_list dl {
    margin:2px;
}
.syproduct_list dd{
    display:inline-block;
    height:62px;
    width:201px;
    text-align: center;
    line-height:62px;
    background-color:#F3F3F3;
    font-size:16px;
    font-family: "微软雅黑";
    margin-top:-4px;
    color:#000;

}
.syproduct_list a dt img{
    width: 201px;
    height: 215px;
}
.syproduct_list a div:hover dd{
    color:#fff;
    background-color:#1F8C96;
}
.syproduct_page{
    width:100%;
    height:60px;
    line-height:60px;
    text-align:center;
}
.syproduct_page .page_list{
   font-size:32px;
   margin:0 8px;
   color:#fff;
   cursor:pointer;
}
.syproduct_page p{
    width:100%;
    height:50px;
    text-align:center;
    line-height:25px;
    position:relative;
}
.syproduct_page .small_box{
    display:inline-block;
    width:10px;
    height:10px;
    background:#fff;
    cursor:pointer;
    margin:0 6px; 
    position:relative;
    top:-4px;
    left:0px;

}
.syproduct_page .small_box_bg {
    background:#1F8C96;
    display:inline-block;
    width:10px;
    height:10px;
    cursor:pointer;
    margin:0 6px; 
    position:relative;
    top:-4px;
    left:0px;


}
/*产品分类e*/
/*最新资讯s*/
.synews{
    height:418px;
    background-color:#F3F3F3;
}
.news_top {
  width:100%;
  height:90px;
}
.news_catname{
    height:100%;
    line-height:90px;
    float:left;
    text-transform:Uppercase;
}
.news_catname span{
    padding-left:8px;
    border-left:4px solid #1F8C96;
    font-size:20px;
    color:#1C1C1C;
}
.news_catname b{
    margin-left:20px;
    font-size:16px;
    color:#C1C1C1;
}
.news_content{
    height:328px;  
}
.news_content ul{
    height:282px;
}
.news_content ul li{
  width:343px;
  height:282px;
  float:left;

 margin-left:85px;
}
.news_content ul li.first_news {
    margin-left:0px;
}
.news_title{
    font-size:16px;
    text-align:center;
    line-height:16px;
     color:#3B949D;
}
.news_des {
    font-size:14px;
    color:#3E3E3E;
    line-height:20px;
}
.news_bt {
    line-height:40px;
}
.first_news .news_title{
    text-align:left; 
}
.first_news .news_des {
    margin-top:10px;
    margin-bottom:26px; 
}
.news_bg{
    width:313px;
    height:90px;
    background:#fff;
    padding:0px 15px;
    margin-top:-5px;
}

/*最新资讯e*/
/*联系我们s*/
.syother{
    height:225px;
}
.other_top {
  width:100%;
  height:80px;
}
.other_catname{
    height:100%;
    line-height:80px;
    float:left;
    text-transform:Uppercase;
}
.other_catname span{
    padding-left:8px;
    border-left:4px solid #1F8C96;
    font-size:20px;
    color:#1C1C1C;
}
.other_catname b{
    margin-left:20px;
    font-size:16px;
    color:#C1C1C1;
}
.syother_content{
    width:100%;
    height:145px;
    margin:0 auto;
    
}
.syother_content li{
    width:350px;
    height:104px;
    border:1px solid #ECEAEA;
    float:left;
    margin-left:72px;
}
.syother_content li.first_syotherli {
    margin-left:0px;
}
.syother_content .other_center{
    width:290px;
    height:68px;
    margin:6px 25px;
    padding:14px 10px;
}
.other_center a {
    font-size:16px;
    font-weight:normal;
    color:#1C1C1C;
}
.other_center img{
    float:left;
}
.other_center div{
    float:left;
    margin-left:25px;
    margin-top:8px;
}
.other_center p{
    font-size:13px;
    color:#1C1C1C;
    width:197px;
    margin-top:10px;
   
}
/*联系我们e*/
/*底部信息s*/
.footer{
    width:100%;
    background:#1F8C96;
    overflow:hidden;
    color:#fff;
    text-align:center;
   font-size:14px;
   font-family: "微软雅黑";
   padding-top: 20px;
   padding-bottom: 20px;
}
/*底部信息e*/
/*内页开始*/
.inside{
    width:90%;
    margin:0 auto;
    overflow:hidden;
    margin-bottom:15px;
}
.inside_top{
    width:100%;
    height:75px;
}
.border-top {
    border-bottom:1px solid #C9C9C9;
    overflow:hidden;
     line-height:30px;
}
.inside_catname{
    float:left;

}
.inside_catname span {
    font-size:20px;
    color:#1C1C1C;
    font-family:"微软雅黑";
    border-left:4px solid #1F8C96;
    padding-left:10px;
}
.catdir {
    margin-left:18px;
    text-transform:uppercase;
    color:#A9A9A9;
    font-size:16px; 
}
.conttent_nav {
    float:right;
}
.indent {
    margin-left:40px;
}
.inside_content {
    width:100%;
    overflow:hidden;
}
.inside_lf_con {
    width:20%;
    float:left;
    background:#E9E9E9;
}
.main_title {
    font-size:20px;
    height:80px;
    line-height:80px;
    text-align:center;
    background:#1F8C96;
    color:#fff;
}
.main_nav{
    margin:0 auto;
    text-align:center;
}
.main_nav .a_bg {
   width:150px;
   background:#1F8C96;
   color:#fff;
   border-radius:25px;
}
/* 左侧栏目导航*/
.left_nav {
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	margin-bottom: 15px;
}
.left_nav ul a {
    font-size: 16px;
	text-decoration: none;
	color: #4D9AA2;
}
.left_nav ul a:hover {
	text-decoration: none;
}
.left_nav>ul>li {
	text-align:center;
	line-height:40px;
	min-height:40px;
	position:relative;
}
.left_nav>ul>li ul {
	display:none;
}
.left_nav>ul>li ul a {
	color: #000;/* 三级分类字体颜色 */
}
.left_nav>ul>li ul a:hover {
	color: #f00;
}
.left_nav>ul>li>a {
	position:relative;/*jquery的slideDow效果不兼容IE7*/
	*+position: !important;/*IE7去效果代码*/
	display:block;
	font-size:16px;
	width:100%;
	height:100%;
	transition:all 0.5s;
}
.left_nav>ul>li>span a {
	position:absolute;
	z-index:99;
	font-family: "宋体";
	font-size: 18px;
	font-weight: bold;
	left: 40px;/*如果标题字数过长，可以调节数值*/
	transform: rotate(0);
	-webkit-transform: rotate(0);
	transition: all 0.5s;
}
.left_nav>ul>li>span a.on {
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
}
.left_nav>ul>li>a.on{
	color: #F00;
}
.left_nav>ul>li:hover {
	/* 鼠标经过变色 */
}
.left_nav>ul>li:hover span>a,.left_nav>ul>li:hover>a{
	color:#f00;
}
.left_sub a {
	font-size:14px;
	color:#FFF;
}
.left_sub a:hover {
	color:#5390cd;
	text-decoration: none;
}
.highlight {
/*当前栏目高亮预制*/
}
.highlight a {
	color: #F00;
}
/* 左侧栏目导航_结束*/
.inside_concat {
    margin-top:10px;
    padding-bottom:35px;
}
.inside_concat ul{
    margin-top:15px;
}
.inside_concat li{
   width:86%;
   margin-top:2px;
   margin-left:24px;
   height:30px;
   text-align:left;
   line-height:30px;
   font-size:14px;
   color:#5E5C5C;
   padding-left:10px;

}
.inside_gl_con {
    margin-top:8px;
}
.gl_con_lf {
    width:80%;
    float:left;
    font-family:"微软雅黑";
    position:relative;

}
.inside_gl_con {
    margin-left:3%;
    float:right;
    width:75%;
    /*overflow:hidden;*/
    border-left:1px solid #C9C9C9;
    /*border:1px solid red;*/
}
.inside_gl_con ul {
  /*  border-left:1px solid #C9C9C9;*/
}
.inside_gl_con li {
    height:155px;
    border-bottom: 1px solid #E3E3E3;
    margin-top:35px;
    position:relative;
}
.inside_gl_con li.confirstli {
    margin-top:0px;
}
.inside_gl_con li.confirstli .inside_news_tit{
    margin-top:-8px;
}
.inside_gl_con li.conlastli {
    border-bottom: none;
}
.inside_gl_con li.conlastli .inside_news_des {
     line-height:32px;
}
.inside_gl_con .d_bg {
   /*display:inline-block;*/
   width:5px;
   height:5px;
   background:#000;
   /*background:#ff0;*/
   position:absolute;
   left:-3px;
   top:10px;
}
.inside_gl_con li.confirstli  .d_bg {
   top:0px;
}
.inside_gl_con li:hover {
    background:#F7F7F7;
}
.inside_gl_con li:hover .inside_news_tit a {
    color:#1F8C96;
}
.inside_gl_con li:hover .d_bg {
    background:#0068B7;
}
.inside_news_tit {
    font-size:16px;
    line-height:30px;
    color:#111111;
    font-family:"微软雅黑";
    margin-left:12px;
}
.inside_news_des {
    font-size:14px;
    color:#6B6B6B;
    line-height:26px;
    margin-top:3px;
    margin-left:12px;
}
.inside_news_time {
   font-size:12px;
   color:#BBBABA;
   line-height:32px;
   margin-left:12px;
}
.inside_more {
   width:100px;
   font-size:14px;
   color:#4F4F4F;
   text-align:center;
   padding:5 5px;
   line-height:26px;
   background:#ECECEC;
}
.gl_con_gl {
    float:right;
    text-align:center;
    margin-top:20px;
    margin-right: 30px;
    padding:3px;
    border:1px solid #DADADA;
}
.gl_con_gl img {
    display:inline-block;
    vertical-align:middle;
}
.other {
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    color: #a2a2a2;
}
/*新闻内容页e*/
/*分页*/
/*pages*/
#pages { padding:14px 0 10px; margin:10px; width:75%;float:right;}
#pages a { display:inline-block; width:26px; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1 { width:56px; }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block; width:26px; height:22px; line-height:22px; padding:1px; background:#1F8C96; border:1px solid #1F8C96; color:#fff; text-align:center; }
.page .noPage { display:inline-block; width:56px; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
.preNext {
    font-size: 14px;
    margin-top: 40px;
    margin-left:50px;
}

.preNext li {
    height: 20px;
    line-height: 20px;
}

.preNext li a:hover {
    text-decoration: underline;
}
/*图片内容页s*/
.inside_pic_con {
    width:80%;
    overflow:hidden;
    /*margin-left:30px;*/
    float:right;
}
.inside_pic_con li {
    width:25%;
    float:left;
}
.inside_pic_con li.picfirstli {
   margin-top:0px;
}
.pic_box {
    margin:43px;
    text-align:center;
    border:1px solid #DFDDDD;
    margin-right:0px;
    margin-top:0px;
}
.pic_box a {
    display:inline-block;
    border:1px solid transparent;
    margin:3px;
}
.inside_pic_con li:hover span {
    background:#1F8C96;
    color:#fff;
}
.inside_pic_con li:hover .pic_box a{
    border:1px solid #DAECEE;
}
.inside_pic_con li span {
    display:inline-block;
    width:201px;
    height:45px;
    line-height:45px;
    text-align:center;
    background:#F3F3F3;
    font-size:15px;
    white-space: nowrap;/*设置不折行*/
    overflow: hidden;/*超出部分自动隐藏*/
    text-overflow: ellipsis;/*省略号*/
}
/*图片内容页e*/

/*单页面page*  s*/
.inside_page_con {
    float:right;
    width:77%;
    overflow:hidden;
}
.inside_page_con .page_title {
    font-size:15px;
    line-height:15px;
    text-align:center;
    color:#000;
}
.page_content {
    margin:0 3px;
    font-size:13px;
    margin-top:15px;
    line-height:35px;
}
.inside_page_con .page_sub_content {
    margin-top:-8px;
}
/*单页面page*  e*/